<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组件基础-动态组件</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <style>

    </style>
</head>
<body>
<div id="app">

    <table>
        <tr is="my-row"></tr>

        <tr is="my-row"></tr>

        <tr is="my-row"></tr>
    </table>
   <!--<p></p> 需要注意的是如果我们从以下来源使用模板的话，这条限制是不存在的：-->
    <!--字符串 (例如：template: '...')-->
    <!--单文件组件 (.vue)-->
    <!--<script type="text/x-template">-->
</div>


<script>
    Vue.component('my-row',{
       template:"<tr ><td>this is a row</td> </tr>"
    });
    var app= new Vue({
        el:'#app',
        data:{
            searchText:'',
        },
        methods:{

        }
    })
</script>
</body>
</html>
